<ion-view view-title="我的收藏">
  <ion-header-bar class="bar-balanced">
    <h1 class="title">我的收藏</h1>
  </ion-header-bar>
  <!-- <zhx-page-loading></zhx-page-loading> -->
  <zhx-pop-tip show-tip="tipShown" content="tipContent"></zhx-pop-tip>
  <ion-content>
  <ion-refresher ng-if="lineStation.length" on-refresh="doRefresh()"></ion-refresher>
      <div class="no-favor-container" ng-if=" !lineStation.length ">
          <div class="no-favor">没有收藏的线路</div>
      </div>
      <ion-list>
          <div class="line-block-item" ng-repeat=" station in lineStation ">
              <div class="line-block" bindonce>
                  <div class="now-station">
                      <i class="we-font we-icon-station"></i><span bo-text='station.stationName'></span>
                  </div>
                  <ion-item class="station-block station-block-favor line-block-item" ng-repeat=" line in station.lineStations track by $index " ng-click="showLine({{line}},$event);" style="padding:0;">
                    <div class="station-info station-info-favor">
                        <div class="station-info-l">
                            <div class="station-line-name"><span bo-text='line.lineName'></span></div>
                            <div class="next-station">下一站: <span bo-text='line.nextStationName'></span></div>
                            <div class="start-end-station">{{ ::line.firstStationName }} <span class="we-font we-icon-icon"></span> {{ ::line.lastStationName }}</div>
                        </div>
                        <div class="station-info-r">
<!--                           <div class="line-start-time"><i class="we-font we-icon-sun"></i><span bo-text='line.firstBusTime'></span></div>
                          <div class="line-end-time"><i class="we-font we-icon-moon1"></i><span bo-text='line.lastBusTime'></span></div> -->
                          <div class="line-start-time"><i class="we-font we-icon-sun"></i><span ng-bind='line.evalStartBusTime'></span></div>
                          <div class="line-end-time"><i class="we-font we-icon-moon1"></i><span ng-bind='line.evalEndBusTime '></span></div>
                          <div class="line-">
                            <i class="we-font we-icon-rmb"></i> 
                            <span bo-text="line.highestPrice - line.startPrice > 0 ? line.startPrice + ' - ' + line.highestPrice : line.highestPrice + '元' "></span>
                          </div>
                        </div>
                    </div>
                    <ion-option-button class="button-assertive" ng-click="deleteFovor({{line}},$event)">删除</ion-option-button>
                  </ion-item>
              </div>    
            </div>
      </ion-list>
  </ion-content>
</ion-view>
<style>
  .station-block-favor{
     border:none;
     display: -webkit-flex;
     display: flex;
     font-size:1em !important;
  }
  .station-block-favor > .item-content{
     -webkit-flex:1;
     flex:1;
     padding:0 !important;
  }
  .station-info-favor{
    margin: 0 5px 0 20px;
    padding: 5px 0;
    border-bottom:2px solid #f2f2f2;
  }
  .station-block-favor:last-child .station-info-favor{
    border:none !important;
  }
</style>